@media (max-width: 1680px) {

    .navbar .dropdown ul {left: -270%;}
    #cateogry .cta-btn{width: 15%;}
    /* .testimonial .testimonial-content{margin-top: -3%;} */
    .tm-custom-heading2{line-height: 30px;}
    #contact .contact-info address, #contact .contact-info p{margin: 0 -9px;}
    .wrapper-details{width:60%;}

    /* .wrapper-search {
        left: 0;
        transform: translate(25%, -28%);
    } */

        .btn-social.language {margin-right: 0;margin-left: 0px;}

        .product-text h1 {
            font-size: 28px;}
        

}


@media (max-width:1536px){

    .card {width: 85%;}

    .wrapper-details{width: 60%;}

    .btn-social.language { margin-right: 30%;}

    /* .btn-social.language {width: 25%;} */
    /* .nav-menu {margin: 0 18%;} */
    /* .social-nav { width: 16%;} */
    .navbar .dropdown ul {left: -255%;}
    .title-menu {font-size: 32px; }    
    .media .bottom-left{font-size: 30px;}
    #about-section h3{font-size: 32px;}
    p {font-size: 16px;}
    #about-section .cta-btn{font-size: 15px;}
    .title-feedback {font-size: 32px;}
    .tm-custom-heading2 {font-size: 18px;}
    #location-section .cta-btn{font-size: 15px;}
    #footer .footer-top h4 {font-size: 17px;}
    #footer .footer-top .footer-info p {font-size: 16px;}
    #footer .footer-top .footer-links ul a{font-size: 16px;}
    #footer .copyright{font-size: 16px;}
    #footer .credits{font-size: 16px;}
    .about-images .box p {font-size: 16px;}
    #hero-banner h2 {font-size: 24px;}
    .location h4 {font-size: 20px;padding: 7px;}
    #contact .cntainer-white{width: 100%;}
    ol, ul {padding-left: 0rem;}
    #contact h3, h4 {font-size: 21px;}
    .small-block-grid-1.large-block-grid-3.contact-sec.inner-content-wrapper{padding-left: 2rem;}
    .cntainer-white { width: 98%;}
    .section.product-section .wrapper > * {margin: 8px;}
    .media {width: 410px;}
    .cntainer-black{width: 89%;}
    .image-feedback{    right: -4%}

}

@media (max-width:1440px){

    .card {
        width: 90%;
    }

    .wrapper-details{width: 100%;}

    .btn-social.language {
        margin-right: 40%;
        width: 13%;
    }    

    /* .social-nav {width: 14%;} */
    /* .btn-social.language {width: 30%;} */
    .navbar .dropdown ul {left: -270%;}
    #hero {height: 70vh;}
    #hero h2 {font-size: 55px;}
    #hero p{font-size: 18px;}
    #hero .btn-get-started{font-size: 15px;}
    #cateogry .cta-btn {width: 16%;font-size: 15px;}
    .testimonial .post{margin-bottom: 10px;}
    .testimonial .title{padding-top: 50px;}
    .tm-custom-heading1{font-size: 25px;}
    .cntainer-white { width: 98%;}
    .section.product-section .wrapper > * {margin: 8px;}
    .media {width: 425px;}
    .cntainer-black{width: 89%;}
    .image-feedback{    right: -4%}
    .tm-dishbox-wrapper.dishbox-style2 .tm-box-title h3 {font-size: 18px;}
    .hovereffect h2{padding-top: 18%;}



}


@media (max-width:1366px){

    /* .social-nav {width: 12%;} */
    /* .btn-social.language {width: 35%;} */
}

@media (min-width: 1200px){

    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1300px;}
    .cntainer-black {width: 93%;}
    .image-feedback {right: -3%;}
    .navbar .dropdown ul {left:0; }    
    /* .nav-menu {margin: 0 23%;} */
}



@media (max-width:1280px){

    .media {width: 380px;}
    /* .nav-menu {margin: 0 15%;} */
    /* .social-nav {width: 14%;} */
    /* .btn-social.language {width: 30%;} */
    .navbar .dropdown ul {left: -260%;}
    #cateogry .cta-btn{margin:20px auto 0;}
    .cntainer-black {width: 98%;}
    .image-feedback {width: 18%; right: -18px;}
    .testimonial .pic img {width: 85%;}
    /* .testimonial .pic:before {right: -3px;} */
    /* .testimonial .pic:after {left: -3px;} */
    #menu {padding: 30px 0 1%;}
    .about-images .box { margin:0 14px}
    .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1170px;}
    .sidebar {width: 22%;}

}



@media(max-width:1024px){

    .menu.item {width: 70%;}

    .btn-social.language {width: 20%;    margin-right: 18%;}

    /* .social-nav {width: 13%;} */
    /* .btn-social.language {width: 40%;} */
    .media {width: 325px;}
    .navbar .dropdown ul{width: 850px;left: -220%;}
    #cateogry .cta-btn {width: 21%;font-size: 14px;} 
    .testimonial .description {font-size: 15px;}
    .owl-theme .owl-controls .owl-buttons div { height: 55px;}
    .hovereffect h2 {padding-top:20%;width: 105px;height: 105px;font-size: 15px;margin: 13% auto;}
    .tm-box-col-wrapper {width: 33.3%;}
    .sidebar {width: 28%;}
    aside {margin-right: 5%;}
    #hero-banner h2 {font-size: 22px;width: 25%;}
    #contact .contact-info {margin-bottom: 0px; }  
    #footer .footer-top .footer-info p {margin-right: 5px;margin-left: 3%;}  
    .testimonial .pic:before { width: 70px;height: 70px;font-size: 35px;padding: 4% 8%;}
    
}


@media(max-width:900px){

    .navbar-nav {
        padding-left: 10px;}

    /* .wrapper-search {  left: 63%;} */

    .navbar .dropdown ul li{float: right;}

    .product-info {
        padding-left: 20px;
        padding-right: 2%;
        float: none;
        text-align: right;}

        .product-img {float: none;margin-bottom: 12%;}

        .product-img img {
            border-radius: 0;
            margin: 0 25%;
        }

        .product-price-btn p {
            text-align: left;}

            form.quantity{margin: 0;width: 100%;}

            .navbar ul.welcome-login{display: block;}

            .btn-social.language {
                margin-right: 30%;
            }

            .form-modal {
                position: relative;
                width: 100%;}

    .media {width: 250px;}
    #hero {height: 50vh;}  
    #hero h2 {font-size: 35px;}   
    #hero p {font-size: 15px;}   
    #hero .btn-get-started {font-size: 12px;}
    .title-menu {font-size: 25px;}
    .media .bottom-left {font-size: 23px;}
    #cateogry .cta-btn {width: 23%;font-size: 12px;}
    #about-section h3 {font-size: 25px;}
    p {font-size: 14px;}
    #about-section .cta-btn {font-size: 12px;}
    .testimonial .title{text-align: center;}
    .testimonial .post{text-align: center;}
    .title-feedback {font-size: 25px;}    
    .tm-custom-heading2 {font-size: 16px;}
    #location-section .cta-btn {font-size: 12px;}  
    .owl-theme .owl-controls .owl-buttons div{font-size: 16px;} 
    .owl-next:after {font-size: 30px; left: -9px;}
    #footer .footer-top {padding: 30px 0 5px 0;} 
    #footer .footer-top h4::before {  width: 40%;}   
    #footer .footer-top .footer-info p {margin-right: 0;margin-left: 0;}
    .nav-menu {margin: 0;}
    /* .social-nav {width: 20%;} */
    /* .btn-social.language {width: 40%;} */
    /* .navmobile{margin-bottom: -2%;padding: 1%;} */
    #header .logo{padding-top: 0;}
    #header{height: 210px;}
    .navbar li:last-child {margin-left: 0;}
    .navbar .dropdown ul {width: 732px;}
    .products { width: 20%;padding: 2% 6%;}
    .about-images .box {margin: 0 10px;}
    .about-images .box .text{padding: 10%;}
    #about-page .cntainer-white {width: 85%;} 
    #order-mob{display: flex;  flex-flow: column;}
    .sidebar {width: 100%;order: 1;}   
    aside {margin-left: 0;    margin-right: 0;}
    #hero-banner h2 {width: 32%;    padding: 20px 0 13px;}
    iframe { float: none;  width: 725px;  margin: 3% 0;   margin-bottom: 0%;}
    .location {float: none;}
    .contact-icon-box .contact-icon svg { width: 30px; height: 30px;}
    .contact-icon-box .contact-icon {padding: 17px;}
    .contact-icon-box { padding: 12px;min-height: 210px;}
    #contact .contact-info address, #contact .contact-info p { font-size: 13px}
    ul.social-icons li a { font-size: 1em; height: 30px; line-height: 28px; width: 30px;}
    .testimonial .description {padding: 0 2% 0 2%;text-align: center;}

}




@media (max-width: 768px){


    /* .wrapper-search {
        left: 67%;} */

    .media { width: 240px;}
    .navbar .dropdown ul {width: 700px;}
    #cateogry .cta-btn {width: 27%;}
    iframe { width: 710px;}
    #contact .php-email-form button[type="submit"] {font-size: 13px;}


}



@media(max-width:480px){

    .btn.btn-language {
        padding: 3px 8px;
        font-size: 14px;
    }

    .testimonial-content .imagefeedback {
        max-height: 200px;
        width: 100%;
    }

    /* .wrapper-search {
        right: -15%;
        transform: translate(0, -23%);
    } */

    .round-btn {
        width: 75px;
        margin-left: 11px;}

    .rwd-table {overflow: auto;display: block;}


    .product-img img {
        margin: 0;
        width: 100%;
    }

    .navbar .dropdown ul a {font-size: 12px;}

    ul.small-block-grid-1.large-block-grid-3.contact-sec.inner-content-wrapper {
        display: block;
        direction: rtl;
        padding-left: 0;
        padding-right: 25px;
    }

    .menu.item {
        width: 100%;
    }

    /* .social-nav {width: 30%;} */
    /* .btn-social.language {width: 40%;} */
    #hero .carousel-control-next-icon, #hero .carousel-control-prev-icon { font-size: 20px;  height: 40px;  width: 40px;  line-height: 40px;}
    .media {width: 100%;}
    .wrapper {margin-bottom: -6%;}
    .title-menu {margin-bottom: 7px;}
    #cateogry .cta-btn {width: 60%;}    
    .cntainer-white {width: 89%;}
    #about-section {padding: 30px 0;}
    .tm-box-col-wrapper {width: 100%;padding: 6%;margin-top: -2%;margin-bottom: -4%; }    
    .testimonial .pic{width: 50%;}
    /* .testimonial .pic:before, .testimonial .pic:after {width: 120px;height: 100px;}
    .testimonial .pic:before {right: 14px;}
    .testimonial .pic:after {left: 14px;} */
    .image-feedback{display: none;}
    .tm-custom-heading1 {font-size: 23px;}
    .tm-custom-heading2 {font-size: 15px;}
    .cntainer-black {width: 89%;}
    #footer .footer-top h4::before {width: 23%;}    
    #footer .footer-top {padding: 30px 20px 5px 20px;}
    /* .navbar-mobile .dropdown > .dropdown-active {display: flex;flex-flow: column;} */
    .navbar .dropdown ul {width: 90%;}
    .products {width: 40%;padding: 0% 10%;}
   .products img{width: 170px;}
   .about-images .box {width: 95%; height: 414px;margin: 6px 10px;}
   #about-page .cntainer-white {width: 87%;    margin-bottom: -3%;}
   #about-page .cntainer-white p{text-align: justify;}
   #hero-banner h2 {width: 55%;}
   .hovereffect h2 {padding-top: 17%;width: 150px;height: 150px;font-size: 17px;margin: 20% auto;}
   .products-category {margin-bottom: -24px;padding: 5%;}
   #menu {padding: 23px 0 1%;}
   .top-section {  margin-top: 3%;}
   #menu-page {padding: 13px 0;}
   .sidebar {   width: 93%; margin: 5% 4%; }
   iframe {width: 100%;margin: 5% 0 0;}
   .large-block-grid-3>li {width: 47%;}
   #contact h3, h4 {font-size: 20px;  padding-left: 7%;padding-right: 7%;}
   #contact .contact-info {margin-bottom: 11px;}
   #footer .footer-top h4 {padding-left: 0;padding-right: 0;}
   .testimonial .title {padding-top: 15px;}
   #about-section p { text-align: justify; margin-bottom: 3%;}
   .location h4 { font-size: 20px;padding: 8px 0 3px;width: 60%;}

   .btn-social.language {margin-right: 0;}
   .btn-social.language {        width: 63%;
    margin-left: 0px; padding: 3px 7px;}
   .popup-overlay .modal2 {width: 90%;    padding: 10px;}

   .popup-overlay .modalInfo { display: block;}

    .navbar ul.welcome-login {    margin-right: -35%;}
    .cart{padding:5px;}
    .card {  width: 95%;     box-shadow: none;}
    .card-body h4 {
        padding-left: 0;
        padding-right: 0;}

        .main.shop.details.pt-5 {
            padding-top: 5px!important;}
    /* form.quantity.cart-quantity{float: right;} */

    .col-2, .col {padding: 0 0vh;}

    .col-2, .col h4{   
        margin-top: 2%;
        padding-left: 0;
        padding-right: 14px;
        margin-bottom: 15px;}


       .logintext{
        margin: -5px 0 -9px;    width: 80%;}

        .logintext i {    padding-right: 7px;}

        .empty-card {width: 90%;}

        .social-nav {
            width: 63%;
        }        
}




@media (max-width: 428px){
    /* .btn-social.language {width: 45%;} */
    /* .social-nav {width: 35%;} */
    }


@media(max-width:414px){

.products {width: 100%; padding: 0 41%; display: flex;  flex-flow: column; margin: 0 auto;}
.navbar .dropdown ul {width: 89%;}
.products img {width: 200px;margin-left: -100%;}
#hero h2 {font-size: 28px;}
#hero p {font-size: 13px;}
#hero .btn-get-started {font-size: 10px;}
.carousel-control-prev {left: 3%;}
.carousel-control-next {right: 3%;}
/* .btn-social.language {width: 40%;} */
/* .social-nav {width: 35%;} */
#footer .footer-top h4{padding-left: 0;padding-right: 0;}
.about-images .box .text {padding: 7%}
.large-block-grid-3.location-sec .contact-icon-box {width: 98.5%;}
iframe {width: 352px;}
.location ul li { font-size: 16px;}
.location h4 {width: 100%;}
.hovereffect h2 {padding-top: 15%;width: 140px;height: 140px;font-size: 19px;margin: 15% auto;}
.testimonial .pic:before {width: 60px; height: 60px;font-size: 25px;padding: 6% 9%;}
.testimonial .pic:after {bottom: 25px;right: 0;width: 20px; height: 20px;}
.section.product-section {padding: 35px 5%;}

}


@media (max-width:411px){

    .tm-custom-heading2 {font-size: 14px;}
    .hovereffect h2{top: 0;}

    
}

@media screen and (max-width: 393px){
    .wrapper-search .form {
        width: 160px;}
        .addon-text-box, addon-text-box:active {
            font-size: 12px;
            padding: 6px 0;
        }
        .wrapper-search #search {
            right: 64%;
        }
    }


@media (max-width:385px){
    
    .rwd-table th, .rwd-table td {
        margin: 0.5em 1em;
        font-size: 14px;
    }

    .wrapper {margin-bottom: -8%;}
    .testimonial .pic:before {width: 55px;height: 55px;font-size: 20px;padding: 8% 11%;}
    .tm-custom-heading1 {font-size: 20px;}
    .about-images .box p {font-size: 15px;}
    .hovereffect h2 {padding-top: 11%;width: 105px;height: 105px;font-size: 18px;margin: 20% auto;}
    #hero-banner h2 {width: 65%;    font-size: 20px;}
    #hero-banner {height: 30vh;}
    iframe {width: 310px;}
    .location h4 {font-size: 18px;}
    .location ul li {font-size: 14px;}
    #footer .footer-top .footer-info p {font-size: 14px;}
    #footer .footer-top h4 {font-size: 15px;}
    #footer .footer-top .footer-links ul a {font-size: 14px;}
    #footer .copyright {font-size: 14px;}
    #footer .credits{font-size: 14px;}
    .large-block-grid-3>li {width: 49%}
    .small-block-grid-1.large-block-grid-3.contact-sec.inner-content-wrapper {padding-left: 8px;}
    #contact .php-email-form input, #contact .php-email-form textarea {font-size: 0.8rem;}
    #contact h3, h4 {font-size: 18px;}
    #contact .contact-info h3 {font-size: 16px;}
    .products img {width: 175px;}
    /* .section.product-section {padding: 35px 1em;} */
}

@media (max-width:360px){

    iframe {width: 295px;}
    .testimonial .description {padding: 0 1% 0 1%;}
    .products-category {margin-bottom: -15px;}
    /* .social-nav {width: 40%;} */

}


@media (max-width:320px){

    #header .logo {margin: 0 25%;}
    #header {height: 185px;}
    /* .social-nav {width: 40%;} */
    .navmobile {margin-bottom: 0;padding: 2%;}
    #hero {height: 40vh;}
    #hero h2 {font-size: 24px;}
    #hero .btn-get-started {padding: 4px 20px;}
    .carousel-indicators{margin-bottom: 0rem;}
    .carousel-indicators [data-bs-target] {width: 10px;height: 10px;}
    .testimonial .pic img {width: 100%;}
    .testimonial .pic:before { padding: 8% 12%;}
    .testimonial .description {padding: 0 0% 0 1%;}
    .tm-custom-heading1 {font-size: 18px;}
    #location-section .cta-btn{padding: 4px 15px;}
    #about-section h3 {font-size: 22px;}
    #about-section .cta-btn{padding:4px 15px;}
    #cateogry .cta-btn{padding:4px 15px;}
    .products { padding: 0 39%;}
    .about-images .box p {font-size: 14px;}
    iframe {width: 255px;}
    .large-block-grid-3>li {width: 98%;}
    .contact-icon-box {padding: 30px;}
    #contact h3, h4 {font-size: 20px;}
    .hovereffect h2 {padding-top: 13%; font-size: 15px;}
}